@charset "utf-8";
@import  "common/reset";

//1、LayaFlash
.LayaFlash{
    margin-top: 56px;
    background: #8bc01f;
    padding-bottom: 67px;
    .container{
        padding-top: 60px;
        color:#ffffff ;
        .le{
            h1{
                font-size:48px ;
                color:#ffffff ;
                line-height:78px ;
                a{
                    color:#8bc01f ;
                    font-size:35px ;
                    display: inline-block;
                    background: #fff;
                    width: 55px;
                    height: 53px;
                    text-align: center;
                    line-height: 53px;
                    margin-right:12px ;
                }
            }
            h3{
                font-size: 23px;
                margin-bottom:60px ;
            }
            p{
                font-size: 15px;
                line-height: 30px;
                margin-bottom: 32px;
            }
            input[type="button"]{
                width:100px ;
                height: 35px;
                background:#fff ;
                font-size:13px ;
                color: #8bc01f;
                border-radius:3px ;
            }
        }
    }
}

//2、LayaPlayer
.layaPlayer{
    background: #3393df;
    .container{
        padding-top: 60px;
        padding-bottom: 60px;
        h1{
            font-size:48px ;
            color:#ffffff ;
            line-height:78px ;
            margin-bottom: 5px;
            a{
                color:#3393df ;
                font-size:35px ;
                display: inline-block;
                background: #fff;
                width: 42px;
                height: 45px;
                text-align: center;
                line-height: 45px;
                margin-right:12px ;
                border-radius: 2px;
            }
        }
        .row{
            .layaPlayer-img,{
                height: 423px;
            }
            .layaPlayer-img2{
                display: flex;
                height: 100%;
                align-items:flex-end ;
            }
            .layaPlayer-font{
                padding-top: 26px;
                h3{
                    font-size: 24px;
                    color: #fff;
                    margin-bottom: 10px;
                }
                p{
                    font-size:14px ;
                    color:#fff ;
                    line-height:30px;
                }
                .s{
                    margin-bottom: 27px;
                }
            }
        }
    }
}

//four
.Laya1,.Laya2{
    .container{
        .three,.four,.five,.six{
            padding-top: 91px;
            padding-bottom: 80px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height:735px;
            div{
                align-self: stretch;
            }
            h1{
                font-size: 30px;
                color:#3393df ;
                line-height:30px ;
//              margin-bottom: 24px;
                a{
                   display: inline-block;
                   font-size:28px ;
                   color:#fff ;
                   text-align: center;
                   width:43px ;
                   height:45px ;
                   line-height: 45px;
                   border-radius:3px ; 
                   background: #3393df;
                   margin-right: 13px;
                }
            }
            span{
                font-size: 18px;
                color: #5d5d5d;
                display: block;
//              margin-bottom: 38px;
            }
            h3{
                font-size: 18px;
                color: #3393df;
                margin-bottom: 16px;
            }
            p{
                font-size:14px ;
                color:#5d5d5d ;
                line-height:25px ;
//              margin-bottom:33px ;
                text-indent: 2em;
            }
            .img{
                width: 100%;
                text-align: center;
                img{
                    width: 141px;
                    height: 141px;
                    border-radius:25px ;
                }
            }
        }
        .five,.six{
            height: 665px;
        }
    }
}

.Laya2{
    background: #f7f7f7;
}

















@media only screen and (max-width:415px){
    .LayaFlash{
        .container{
            .ri{
                .LayaFlash-img{
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
    .Laya1,.Laya2{
        .container{
            .three,.four,.five,.six{
                padding-top: 30px;
            }   
        }
    }
}
@media only screen and (min-width:375px){
    
}
@media only screen and (min-width:320px){
    
}
